import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text } from '@tarojs/components'
import { observer, inject } from '@tarojs/mobx'
import { AtIcon, AtInput, AtButton } from 'taro-ui'
import './serviceDetail.scss'


@inject('counterStore')
@observer
class ServiceDetail extends Component {

    config = {
        navigationBarTitleText: '售后单详情',
        navigationBarTextStyle: 'black',
        navigationBarBackgroundColor: '#fff',
    }
    constructor() {
        super(...arguments)
        this.state = {
            value: '',
            icon: require('../../img/demo.png'),
        }
    }
    handleChange = (value) => {
        this.setState({
            value
        })
    }
    componentWillMount() {
        console.log('componentWillMount----');
    }

    componentWillReact() {
        console.log('componentWillReact')
    }

    componentDidMount() { }

    componentWillUnmount() { }

    componentDidShow() { }

    componentDidHide() { }
    render() {
        const { counterStore: { counter } } = this.props
        const { icon } = this.state;
        return (
            <View className='serviceDetail-page'>
                <View className="page-header">
                    <View className="order-box">
                        <View>订单编号：2020392183921212</View>
                        <label>退货</label>
                    </View>
                    <View className="shop-box">
                        <label>果果平价店</label>
                        <Text>审核中</Text>
                    </View>
                    <View className="goodsList">
                        <View className="goods">
                            <View className="left">
                                <image src={icon} alt="" />
                            </View>
                            <View className="right">
                                <View className="name">哇哈哈AD钙奶*24整箱装</View>
                                <View className="tips">营养 酸酸甜甜</View>
                                <View className='price-box'><label className="tuan">拼团价</label><label className="price">¥36.00</label><label className="cPrice">原价¥48.00</label></View>
                            </View>
                            <View className="end">x1</View>
                        </View>
                        <View className="goods">
                            <View className="left">
                                <image src={icon} alt="" />
                            </View>
                            <View className="right">
                                <View className="name">哇哈哈AD钙奶*24整箱装</View>
                                <View className="tips">营养 酸酸甜甜</View>
                                <View className='price-box'><label className="tuan">拼团价</label><label className="price">¥36.00</label><label className="cPrice">原价¥48.00</label></View>
                            </View>
                            <View className="end">x1</View>
                        </View>
                    </View>
                </View>
            </View>
        )
    }
}

export default ServiceDetail
